<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <!-- 允许加载图片 -->
    <meta name="referrer" content="no-referrer">
    <link rel="icon" href="./img/asset-favicon.ico"/>
    <title>社交-我的主页</title>
    <!-- 页面 css js -->
    <!-- <script type="text/javascript" src="../../plugins/sui/sui.min.js"></script> -->

    <link rel="stylesheet" type="text/css" href="./plugins/normalize-css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="./plugins/yui/cssgrids-min.css"/>
    <link rel="stylesheet" type="text/css" href="./plugins/sui/sui.min.css"/>
    <link rel="stylesheet" type="text/css" href="./plugins/sui/sui-append.min.css"/>
    <link rel="stylesheet" type="text/css" href="./plugins/font-awesome/css/font-awesome.min.css"/>

    <link rel="stylesheet" type="text/css" href="./css/widget-base.css"/>
    <link rel="stylesheet" type="text/css" href="./css/widget-head-foot.css"/>

    <link rel="stylesheet" type="text/css" href="./css/page-sj-person-account.css"/>
    <style>
        html, body{
            background-color: transparent;
        }
    </style>

</head>
<body style="background-color: transparent;">
<div style="display: none" id="base"></div>
<div class="myhome-personinfo" id="base_person_info">
    <div class="wrapper">
        <div class="person-baseinfo">
            <!--头像信息-->
            <div class="photo">
                <img :src="avatar_url" alt="" class="person"/>
                <div class="share">
                    <span><img src="./img/weixin(1).png" alt="" width="28" height="28"/></span>
                    <span><img src="./img/qq.png" alt="" width="28" height="28"/></span>
                    <span><img src="./img/sina0.png" alt="" width="32" height="32"/></span>
                </div>
            </div>
            <!--文字信息-->
            <div class="info">
                <h1 v-cloak>{{ nickname }}<span class="allinfo"><a href="./person-myfile.html"
                                                                   target="_blank">查看完整档案</a></span></h1>
                <ul class="fill">
                    <li><i class="fa fa-map-marker" aria-hidden="true"></i> <span class="edit-item"> {{ city }}</span></li>
                    <li><i class="fa fa-graduation-cap" aria-hidden="true"></i> <span class="edit-item"> {{ school }}</span></li>
                    <li><i class="fa fa-shopping-bag" aria-hidden="true"></i> <span class="edit-item"> {{ company }}</span></li>
                    <li><i class="fa fa-link" aria-hidden="true"></i> <span class="edit-item"><a v-cloak :href="'https://'+personal_url" target="_blank" style="color:#e1ecf4;text-decoration:none;">{{ personal_url }}</a></span></li>
                </ul>
            </div>
        </div>
        <!--右侧编辑-->
        <div class="edit-info">
            <h4>个人简介<span class="addedit"><img src="./img/widget-edit.png" width="12" height="12"/>编辑</span></h4>
            <div class="info-box">
                <div class="edit-intro">
                    暂时没有个人简介
                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="js/axios-0.18.0.min.js"></script>
<script type="text/javascript" src="js/vue-2.5.16.js"></script>
<script type="text/javascript" src="js/layer/layer.js"></script>
<script type="text/javascript" src="js/base.js"></script>
<script type="text/javascript" src="js/base_person_info.js"></script>
</body>
</html>